.layout-service-detail {
	margin: 25rpx;
}

.goods-box {
	padding: 20rpx;
	background-color: #fff;
	border-radius: 15rpx;
	.goods {
		display: flex;
		justify-content: space-between;
		.img {
			display: block;
			width: 120rpx;
			height: 120rpx;
			border-radius: 15rpx;
		}
		.goods-title {
			width: 520rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.tit {
				font-size: 32rpx;
			}
			.desc {
				color: #aaa;
				font-size: 24rpx;
			}
		}
	}
	.goods-msg {
		margin-top: 40rpx;
		.item {
			display: flex;
			margin-bottom: 20rpx;
			.lab {
				min-width: 140rpx;
				font-size: 26rpx;
				color: #aaa;
				margin-bottom: 15rpx;
			}
			.val {
				font-size: 28rpx;
				color: #aaa;
			}
			.tag-box {
				display: flex;
				flex-wrap: wrap;
				.tag {
					margin-right: 10rpx;
					margin-bottom: 10rpx;
				}
			}
		}
	}
}
.service-card {
	margin-top: 50rpx;
	.card-box {
		margin-top: 20rpx;
		.item-box {
			display: flex;
			margin-bottom: 20rpx;
			.card-left {
				width: 75%;
				padding: 15px 10px;
				background-color: #fff5f4;
				border-radius: 10rpx;
				border-right: dashed 1px #aaa;
				.title {
					.tit {
						font-size: 28rpx;
						color: #aaa;
					}
					.desc {
						font-size: 28rpx;
						color: #d33123;
					}
				}
				.time {
					margin-top: 10rpx;
					font-size: 28rpx;
					color: #aaa;
				}
			}
			.card-rigth {
				width: 25%;
				padding: 20px 5px;
				background-color: #fff5f4;
				border-radius: 10rpx;
				display: flex;
				.btn {
					margin: auto;
				}
			}
		}
		.on {
			filter: grayscale(1);
		}
	}
}

.code-box {
	position: relative;
	width: 400rpx;
	height: 400rpx;
	padding: 30rpx;
	background-color: #fff;
	.img {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 400rpx;
		height: 400rpx;
	}
}
